<template>
  <CloudList :grid="{ gutter: 16, column: 4 }" :data-source="data">
    <CloudListItem slot="renderItem" slot-scope="item, index">
      <CloudCard :title="item.title">
        Card content
      </CloudCard>
    </CloudListItem>
  </CloudList>
</template>
<script>
const data = [
  {
    title: 'Title 1',
  },
  {
    title: 'Title 2',
  },
  {
    title: 'Title 3',
  },
  {
    title: 'Title 4',
  },
];
export default {
  title: '2.栅格列表',
  data() {
    return {
      data,
    };
  },
};
</script>
<style></style>